<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="it" http-equiv="Content-Language"/>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link href="/css/global1.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="../../css/js/lightbox.js"></script>

<link rel="stylesheet" href="/css/lightbox.css" type="text/css"/>

<title>${f:h(rifugio.nome)}</title>

<script type="text/javascript">

function startmenu()
{
	document.getElementById('rifugi').style.display = "none";
	document.getElementById('località').style.display = "none";

}

function menufunc(menuId)
{
	if(document.getElementById(menuId).style.display == "none")
	{
		startmenu();
		document.getElementById(menuId).style.display = "block";
	}
	else
	{
		startmenu();
	}
}
</script>
<script src='http://code.jquery.com/jquery-1.5.2.min.js'></script> 
<script src='../css/js/jquery.hslide.js'></script> 
<script>
        $(function(){
                $('#slider').hslide();
        });
</script>
</head>
<body onload ="javascript:startmenu()">
	<div class="sfondo">
		<center>
		<div class="container">
			<div class="header">
				<map id="ImgMap0" name="ImgMap0">
					<area alt="" coords="1, 0, 369, 69" href="/" shape="rect">
				</map>
			<img alt="" src="/immagini/Trentino_rifugi2.png " class="sfondo_header" usemap="#ImgMap0">
			</div>	
			<div class="riquadro_dettaglio_lungo">
				<div class="fascia_sx">
					<div class="menu_principale">
						<div class="spento"><a href="/"> Home</a>
						</div>
						<div class="acceso"><a href="javaScript:menufunc('rifugi')"> Rifugi</a>
						</div>
						<div id="rifugi">
							<a href="/rifugio"><img alt="" src="/immagini/arrow.gif"> Tutti i Rifugi</a><br>
							<a href="/rifugio/rifugiConsigliati"><img alt="" src="/immagini/arrow.gif"> Rifugi Consigliati</a><br>
							<a href="/rifugio/inserisciRifugio"><img alt="" src="/immagini/arrow.gif"> Inserisci Rifugio </a><br>
							<a href="/rifugio/zona"><img alt="" src="/immagini/arrow.gif"> Rifugio per Zona</a><br>
						</div>
						<div class="spento"><a href="javaScript:menufunc('località')"> Località</a>
						</div>
						<div id="località">
							<a href="/localita"><img alt="" src="/immagini/arrow.gif"> Tutte le Località</a><br>
							<a href="/localita/localitaSuggestive"><img alt="" src="/immagini/arrow.gif"> Località Suggestive</a><br>
							<a href="/localita/inserisciLocalita"><img alt="" src="/immagini/arrow.gif"> Inserisci Località</a><br>
						</div>
						<div class="disattivo"><a href="#nogo" class="css_tooltip">Escursioni<span>Sezione non implementata!</span></a>
						</div>
						<div class="disattivo"><a href="#nogo" class="css_tooltip">Sentieri<span>Sezione non implementata!</span></a>
						</div>
						<div class="disattivo"><a href="#nogo" class="css_tooltip"> Flora & Fauna<span>Sezione non implementata!</span></a>
						</div>
						<div class="disattivo"><a href="#nogo" class="css_tooltip"> Punti d'interesse<span>Sezione non implementata!</span></a>
						</div>
						<div class="spento"><a href="/contatti"> Contatti</a>
						</div>
						<div class="disattivo"><a href="#nogo" class="css_tooltip"> Feste & Eventi<span>Sezione non implementata!</span></a>
						</div>

					</div>
				</div>
				<div class="fascia_centro">
					<div class="percorso_pagina"><hr/><a href="/">HOME</a> <img src="/immagini/breadcrumb.gif" alt=""/><a href="/rifugio"> RIFUGI </a> <img src="/immagini/breadcrumb.gif" alt=""/> ${f:h(rifugio.nome)}<hr/>
					</div>
					<div class="titolo_zone">${f:h(rifugio.nome)}</div>
					<div class="dettagli_rifugio">
						<div class="titolo_paragrafi_dx"><a href="#nogo">Escursioni che passano per il rifugio<span>Sezione non implementata!</span></a></div>
						<div class="titolo_paragrafi">Localita:</div><div class="nomelocalita"><a href="/localita/dettaglio?l=${f:h(rifugio.localita)}">${f:h(rifugio.localita)}</a></div>
						<div class="titolo_paragrafi">Quota (m):</div><div>${f:h(rifugio.quota)}</div>
						<div class="titolo_paragrafi">Zona:</div><div>${f:h(rifugio.zona)}</div>			
						<div class="titolo_paragrafi">Descrizione:</div><div>${f:h(rifugio.descrizione)}</div>	
						<div class="titolo_paragrafi">Posti letto disponibili:</div><div>${f:h(rifugio.numposti)}</div>
						<div class="titolo_paragrafi">Servizi disponibili:</div>
						<div>${f:h(ac)}
						${f:h(co)} 
						${f:h(do)} 
						${f:h(eg)} 
						${f:h(mp)} 
						${f:h(pa)} 
						${f:h(ri)} 
						${f:h(ris)} 
						${f:h(si)} 
						${f:h(wf)}
						</div>
						<div class="titolo_paragrafi">Telefono:</div><div>${f:h(rifugio.telefono)}</div>
						<div class="titolo_paragrafi">Sito:</div><div class=nomezona><a href="${f:h(rifugio.sito)}" target="_blank">${f:h(rifugio.sito)}</a></div>
						<div class="titolo_paragrafi">E-mail:</div><div class=nomezona><a href="mailto:${f:h(rifugio.mail)}" target="_blank">${f:h(rifugio.mail)}</a></div>
						<br/><br/>
						<div class=titolo_paragrafi_dx><a href="javascript:history.go(-1)">Torna Indietro</a></div>
						<br/>
						<div class=nomezonadx><a href="/rifugio/rifugiConsigliati">I Rifugi Consigliati</a></div>
						<div class=nomezona><a href="/rifugio/zona/rifugioPerZona?z=${f:h(rifugio.zona)}">I rifugi della zona</a></div>
						<br/>
						<div class="titolo_paragrafi_dx"><a href="/rifugio" class="css_tooltip">Tutti i Rifugi</a></div>
						<br/><br/>
						<div class="titolo_paragrafi">Photogallery:</div>
						<div id="slider">
						<c:forEach var="z" items="${ListaImmagini}">
							<div><a href="/rifugio/dettaglio/image?key=${f:h(z.key)}&v=${f:h(z.version)}"  target="_blank"/><img class="img" src="/rifugio/dettaglio/image?key=${f:h(z.key)}&v=${f:h(z.version)}" alt=""/></a></div>
						</c:forEach>
						</div>
					</div>
					<div class="carica_foto"><a href="dettaglio/caricaFoto?key=${f:h(rifugio.key)}">Carica altre foto</a></div>
				</div>
				<div class="fascia_dx">
					<div class="info"><br>
						<marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()" style="height:140px;width:158px;padding: 20px 3px 5px 3px;text-align:center">
							<strong>Nuova apertura del sito gm-gm-aip2011!!!</strong>
							<br><br>
									A breve, in questa sezione tutti gli aggiornamenti su aperture dei rifugi, bollettino neve e<br/>comunicati speciali.<br><hr style="width: 140px;text-align:center;font-weight: normal"></marquee>
					</div>
					<div class="meteo" style="height: 186px">
						<br><a href="http://www.ilmeteo.it/Trentino Alto Adige" title="Meteo Trentino Alto Adige" target="_blank"><img src="http://www.ilmeteo.it/cartine2/0.TRE.png" alt="Meteo Trentino Alto Adige" style="border: 0px; width:158px; background-color:transparent;padding-top: 10px"></a>
					</div>
				</div>
			</div>
			<div class="footer_dettaglio">
				<div class="linkutili"><a href="http://www.regione.taa.it/"target="_blank">Sito Ufficiale del Trentino  |</a><a href="http://www.trentinorifugi.com/"target="_blank">  Associazione Gestori Rifugi Del Trentino  |</a><a href="http://www.visittrentino.it/"target="_blank">  Prenota Online</a></div>
				<div class="testofooter"> &copy; Progetto di Applicazioni Ipermediali<br/></div>
			</div>
		</div>
		</center>
	</div>
</body>
</html>
	

			
	